.container {
  position: relative;
  .bg-img {
    top: 0;
    position: absolute;
    image {
      width: 750rpx;
    }
  }
  .swiper-wrap {
    margin: 20rpx 30rpx;
    swiper {
      height: 270rpx;
    }
    .swiper-item {
      image {
        border-radius: 18.12rpx;
        overflow: hidden;
        width: 690rpx;
        height: 270rpx;
      }
    }
  }
  .class-swiper {
    margin-bottom: 24rpx;
  }
  .recommend-wrap {
    background-color: #3d2e26;
    border-radius: 20rpx 20rpx 0rpx 0rpx;
    .title {
      padding: 24rpx 0;
      text-align: center;
      font-size: 36rpx;
      line-height: 36rpx;
      letter-spacing: 0rpx;
      color: #ffffff;
    }
    .good-wrap {
      display: flex;
      flex-wrap: wrap;
      .item-wrap {
        box-sizing: border-box;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 24rpx;
        .good-item {
          box-sizing: border-box;
          width: 335rpx;
          background-color: #ffffff;
          border-radius: 20rpx;
          overflow: hidden;
          .img-wrap {
            display: flex;
            justify-content: center;
            margin-bottom: 10rpx;
            .good-img {
              width: 100%;
              height: 237rpx;
            }
          }
          .btm-wrap {
            padding: 0 10rpx 10rpx;
            .name {
              font-size: 30rpx;
              letter-spacing: 1rpx;
              color: #000104;
              font-weight: bolder;
              text-overflow: ellipsis;
              margin-bottom: 10rpx;
              overflow: hidden;
              word-break: break-all;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
            }
            .sold {
              font-size: 26rpx;
              line-height: 36rpx;
              letter-spacing: 0rpx;
              color: #bbbbbb;
              margin-bottom: 10rpx;
            }
            .price-wrap {
              line-height: 36rpx;
              letter-spacing: 0rpx;
              .now {
                font-size: 32rpx;
                color: #fe2e2e;
                padding-right: 20rpx;
              }
              .sub {
                text-decoration: line-through;
                font-size: 26rpx;
                color: #bbbbbb;
              }
            }
          }
        }
      }
    }
  }
  .no-login {
    .no-list {
      margin-bottom: 40rpx;
    }
  }
}
